@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px;line-height: 25px; font-family:"Arial";background: #fff;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
.nodispaly{ display:none}
.line{line-height:50px;}
.lineer{line-height:40px;}
.FK{color: #999;}
.F14{font-size: 14px;}
.Fl{float: left;}
.Fr{float: right;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition: all 0.3s;}
a:hover {color:#2fa8e1; text-decoration:none;}
.layout{margin:0 auto;max-width: 90%;}
/*图片放大*/
.zoom-img{overflow: hidden;}
.zoom-img img{width: 100%;transform: scale(1);transition: all ease 0.6s;}
.zoom-img:hover img{transform: scale(1.1);}


header{height: 90px;position: fixed;left:0px;top: 0px;right:0px;z-index: 100;background:#fff;box-shadow: 0 0 8px #888;}
header .top{max-width: 80%;margin:0 auto;position: relative;}
header .top h1{float: left;width:145px;padding-top: 12px;}
header .top h1 p{font-size: 34px; font-weight: bold; color: #333; margin: 23px 0 0 18px; display: inline-block; letter-spacing: 2px;}
header .top h1 img{width: 100%; float: left;}
header .top .yuyan{position: absolute;right: 50px;top: 30px;line-height: 30px; color: #555;}
header .top .yuyan a{margin:0 14px; color: #555; font-size: 15px;}
header .top .yuyan a:hover{text-decoration: none;}
header .top .yuyan a.current{color: #2fa8e1;}


.yuyan_er{ padding-left:10%; float:left;padding-top: 10px;}
.yuyan_er ul{text-align: right;font-size: 0px;}
.yuyan_er li{display: inline-block;font-size: 14px;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 10px;border-radius: 20px;overflow: hidden;}
.yuyan_er li a{background: #555;display: block;color: #222;}
.yuyan_er li a:hover{background: #999;display: block;text-decoration: none;color: #222;}
.yuyan_er li a.current{background: #2fa8e1;color: #222;}


header .top .search_an{width: 40px;position: absolute; right: 0px;top: 24px;}
header .top .search_an i{width: 40px;color: #666;font-size: 20px;height: 40px;line-height: 40px;display: block;cursor: pointer;background:url(../images/icon04.png) no-repeat center;}
header .top .search{position: absolute;right: 0px;top: 66px;width: 270px;display: none; background: #fff;}
header .top .search .input_txt{width: 220px;height: 40px;border:1px solid #DDD;float: left;outline: medium;padding-left: 5px;box-sizing: border-box;}
header .top .search .input_btn{width: 50px;height: 40px;border:1px solid #DDD;float: right;border-left: none;outline: medium;background:url(../images/icon04.png) no-repeat center;background-size: 20px;cursor: pointer;}

header .top .nav{position: absolute;right:205px;top: 0px;}
header .top .nav ul{}
header .top .nav li{float: left;margin:0 40px;position: relative;z-index: 100;}
header .top .nav li p{line-height: 90px;font-size: 16px;}
header .top .nav li p a{color: #222;}
header .top .nav li p a.current{color:#2fa8e1;}
header .top .nav li:hover p a{text-decoration: none;color:#2fa8e1;}
header .top .nav li dl{position: absolute;left: -28px;top: 90px;background: rgba(255, 255, 255, 0.95);border-radius: 0 0 15px 15px;width: 145px;visibility: hidden;opacity: 0;transition: all 0.3s; padding: 6px 0;}
header .top .nav li:hover dl{visibility: visible;opacity: 1;}
header .top .nav li dd{line-height: 38px;position: relative;}
header .top .nav li dd a{color: #222;display: block; text-align: center;}
header .top .nav li dd:hover a{display: block;color: #2fa8e1;text-decoration: none;}


header .header-main { transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header .m-btn { display:none; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; float:right;}
header .m-btn .box {position: relative; font-size:24px; color:#333;}


.sp_header,.sjj_nav,.social_nav5{display: none}
.banner img{width: 100%;}

.foot{background: #151515;padding:30px 0;}
.foot .box{max-width: 80%;margin:0 auto;}
.foot .foot_t{}
.foot .foot_t .t_l{float: left;width: 52%; margin-right: 2%;}
.foot .foot_t .t_l dl{float: left;width: 25%;box-sizing: border-box;padding-right: 2%;}
.foot .foot_t .t_l dt{padding-bottom:12px;font-size: 18px; color: #eee;}
.foot .foot_t .t_l dd{line-height:25px;padding:3px 0;}
.foot .foot_t .t_l dd a{color: #999; font-size: 14px;}
.foot .foot_t .t_l dd a:hover{color: #2fa8e1;text-decoration: none;}
.foot .foot_t .t_c{float: left;}
.foot .foot_t .t_c h2{padding-bottom: 15px;font-size: 17px;color: #fff;}
.foot .foot_t .t_c .txt{color: #999;}
.foot .foot_t .t_c .txt .dh{font-size: 30px;padding-bottom: 10px; color: #2fa8e1; font-weight: bold;}
.foot .foot_t .t_c .txt p{line-height: 30px;}
.foot .foot_t .t_r{float: right;text-align: center;}
.foot .foot_t .t_r img{width: 125px;}
.foot .foot_t .t_r p{margin-top: 10px; color: #999;}

.foot .foot_b{line-height: 26px;text-align: center;border-top: none;padding: 28px 6% 0 6%; color: #999; border-top: 1px solid #222; margin-top: 25px;margin-bottom:4.75rem;} 


.social_nav5{ height:4.5rem; position:fixed; bottom:0; overflow:hidden; width:100%; z-index:999;background:#000;}	
.social_nav5 li{ position:relative; float:left; padding-top:0.25rem; width:25%; height:5rem; overflow:hidden; font:.92rem/1.8rem "Microsoft Yahei";  text-align:center; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.social_nav5 li em{ margin:0 auto; width:2rem; height:2rem; display:block;padding:0.2rem 0;}
.social_nav5 li em img{max-width: 100%;}
.social_nav5 li a{ color:#fff}
.social_nav5 li:nth-child(1){background:#2fa8e1;}
.social_nav5 li:before{ position:absolute; content:""; right:0rem; top:0rem; width:1px; height:4.5rem; overflow:hidden; background:#000;}
.social_nav5 li:nth-child(4):before{ background:none;}
.social_nav5 li:after{ position:absolute; content:""; left:0rem; top:0rem; width:1px; height:4.5rem; overflow:hidden; background:#353535;}
.social_nav5 li:nth-child(1):after{ background:none;}



/*页面左侧栏*/
.sideBar {
	position: fixed;
	z-index: 99;
	right: 0;
	bottom: 20%;
	font-size: 14px;
	border-radius: 6px 0 0 6px;
}
.sideBar img{max-width:100%;}
.sideBar>div {
	z-index: 1;
	width: 42px;
	height: 42px;
	line-height: 42px;
}
.sideBar>div>a {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: inherit;
	text-align: center;
	background: #fff;
	border: 1px solid #ebebeb;
	border-bottom: 0px;
	border-right: 0px;
	cursor: pointer;
	transition: all .4s;
}
.sideBar>div:last-child>a {
	border-bottom: 1px solid #ebebeb;
}
.sideBar>div>a:hover, .sideBar>div.open>a {
	border: 1px solid #2fa8e1;
	border-bottom: 0px;
	border-right: 0px;
	background: #2fa8e1;
}
.sideBar>div:last-child>a:hover, .sideBar>div.open:last-child>a {
	border-bottom: 1px solid #2fa8e1;
}
.sideBar>div>a span {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: inherit;
	font-size: 20px;
	color: #333;
	transition: all .4s;
}
.sideBar>div>a:hover span, .sideBar>div.open>a span {
	color: #fff;
}
.sideBar>div>div {
	position: absolute;
	z-index: 1;
	right: calc(100% + 1px);
	bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -ms-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  transition:all 0.3s linear;
	width: 140px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	transition: all .4s;
}
.sideBar>div.open>div {
	z-index: 2;
	opacity: 1;
  visibility: visible;
}
.sideBar>div.servicelink>div {
	width: 180px;
}
.sideBar-hide>div {
	padding: 10px 26px;
	line-height: 22px;
}
.sideBar-hide>div.sideBar-title {
	padding: 10px 20px;
	font-weight: bold;
	color: #fff;
	background: #2fa8e1;
}
.sideBar-hide>ul li a {
	display: block;
	width: 100%;
	padding: 0 26px;
	border-bottom: 1px solid #ebebeb;
	background: #fff;
	transition: all .4s;
	box-sizing: border-box;
}
.sideBar-hide>ul li a:hover {
	color: #2fa8e1;
	background: #f7f7f7;
}
.sideBar-hide>div p {
	margin: 0 0 5px;
}
.sideBar-hide>div font {
	font-size: 18px;
	color: #2fa8e1;
}